import Vue from 'vue'
import head from './components/Head'
import left from './components/LeftSide'
import center from './components/Center.vue'
import right from './components/RightSide'
import App from './App'
import router from './router'
import 'jquery'
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min'
import 'vue-awesome/icons'
import Icon from 'vue-awesome/components/Icon'
import echarts from 'echarts'
import './js/extend';
import './assets/css/my-mint.css';
import './chart/chartConfig';

// import './assets/css/layoutit.css'

Vue.component('icon', Icon);

Vue.config.productionTip = false;
Vue.prototype.$echarts = echarts;

window.Promise = Promise;

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
});

new Vue({
  el: '#head',
  render: function (h) {
    return h(head);
  }
});

new Vue({
  el: '#leftSide',
  render: function (h) {
    return h(left);
  }
});

new Vue({
  el: '#center',
  render: function (h) {
    return h(center);
  }
});

new Vue({
  el: '#rightSide',
  render: function (h) {
    return h(right);
  }
});

// Vue.component('grid-div', {
//  data: [6, 6],
//  baseClass: 'cls',
//  template: '<div class="row"><div v-bind:class="[\'col\'+c baseClass]" v-for="c in data"></div></div>'
// });
// console.log($);
